<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
   <meta charset="UTF-8">
	<title>龙游天下图书城</title>
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/css.css">
	<link rel="stylesheet" href="css/font-awesome.css">
  </head>
  
  <body>
  	<div class="container" >
		<div class="head">
			     <div class="navbar">
			   		<h1 class="page-title"><img src="img/dragon64.ico" alt="">龙游天下BookStore</h1>
				    <div class="navbar-inner">
				    	<a class="btn" href="index.jspx"><i class="icon-home"></i>主页</a>
				    	<a class="btn" href="shopchar.jspx"><i class="icon-shopping-cart"></i></i>购物车</a>
				    	<a class="btn" href="login.jspx"><i class="icon-user"></i></i>登陆</a>
				    	<a class="btn" href="reg.jspx"><i class="icon-signin"></i>注册</a>
					    
				    </div>
			    </div>   
		</div>
		<div class="inner">
			<div class="left">
				<div class="top"><h4>商品列表</h4></div>
				<div class="search">
					<form class="navbar-form pull-left">
					  <input type="text" class="span3" placeholder="请输入关键字">
					  <button type="submit" class="btn">搜索</button>
					</form>
				</div>
				<div class="book">
					<table class="table list">
						<tbody>
						<tr>
				            <td><img src="img/1.jpg"></td>
				            <td>
				            	<strong><a href="product.jspx">Head First HTML5(中文版)</a></strong>
						            		<p>
						            			作　　者：（美）Eric Freeman，（美）Elisabeth Robson 著 林琪，张伶 等 译<br/>
						            			出 版 社：中国电力出版社<br>
						            			定　 价：<span class="muted" style="text-decoration: line-through;">￥78.00</span> <br>
												商  城  价：<span class="text-error">￥50.70（6.5折）</span><br>
						            		</p>
						            		<div>
						            			<a href="#" class="btn btn-mini btn-primary">放入购物车</a>
						            			<a href="#" class="btn btn-mini">收藏</a>
						            		</div>
						    </td>			
				        </tr>
				        <tr>
				            <td><img src="img/b2.jpg"></td>
				            <td>
				            	<strong><a href="product.html">Head First HTML5(中文版)</a></strong>
						            		<p>
						            			作　　者：（美）Eric Freeman，（美）Elisabeth Robson 著 林琪，张伶 等 译<br/>
						            			出 版 社：中国电力出版社<br>
						            			定　 价：<span class="muted" style="text-decoration: line-through;">￥78.00</span> <br>
												商  城  价：<span class="text-error">￥50.70（6.5折）</span><br>
						            		</p>
						            		<div>
						            			<a href="#" class="btn btn-mini btn-primary">放入购物车</a>
						            			<a href="#" class="btn btn-mini">收藏</a>
						            		</div>
						    </td>			
				        </tr>
				        <tr>
				            <td><img src="img/b3.jpg"></td>
				            <td>
				            	<strong><a href="product.html">Head First HTML5(中文版)</a></strong>
						            		<p>
						            			作　　者：（美）Eric Freeman，（美）Elisabeth Robson 著 林琪，张伶 等 译<br/>
						            			出 版 社：中国电力出版社<br>
						            			定　 价：<span class="muted" style="text-decoration: line-through;">￥78.00</span> <br>
												商  城  价：<span class="text-error">￥50.70（6.5折）</span><br>
						            		</p>
						            		<div>
						            			<a href="#" class="btn btn-mini btn-primary">放入购物车</a>
						            			<a href="#" class="btn btn-mini">收藏</a>
						            		</div>
						    </td>			
				        </tr>
				        <tr>
				            <td><img src="img/b4.jpg"></td>
				            <td>
				            	<strong><a href="product.html">Head First HTML5(中文版)</a></strong>
						            		<p>
						            			作　　者：（美）Eric Freeman，（美）Elisabeth Robson 著 林琪，张伶 等 译<br/>
						            			出 版 社：中国电力出版社<br>
						            			定　 价：<span class="muted" style="text-decoration: line-through;">￥78.00</span> <br>
												商  城  价：<span class="text-error">￥50.70（6.5折）</span><br>
						            		</p>
						            		<div>
						            			<a href="#" class="btn btn-mini btn-primary">放入购物车</a>
						            			<a href="#" class="btn btn-mini">收藏</a>
						            		</div>
						    </td>			
				        </tr>
				        <tr>
				            <td><img src="img/b5.jpg"></td>
				            <td>
				            	<strong><a href="product.html">Head First HTML5(中文版)</a></strong>
						            		<p>
						            			作　　者：（美）Eric Freeman，（美）Elisabeth Robson 著 林琪，张伶 等 译<br/>
						            			出 版 社：中国电力出版社<br>
						            			定　 价：<span class="muted" style="text-decoration: line-through;">￥78.00</span> <br>
												商  城  价：<span class="text-error">￥50.70（6.5折）</span><br>
						            		</p>
						            		<div>
						            			<a href="#" class="btn btn-mini btn-primary">放入购物车</a>
						            			<a href="#" class="btn btn-mini">收藏</a>
						            		</div>
						    </td>			
				        </tr>
				        <tr>
				            <td><img src="img/1.jpg"></td>
				            <td>
				            	<strong><a href="product.html">Head First HTML5(中文版)</a></strong>
						            		<p>
						            			作　　者：（美）Eric Freeman，（美）Elisabeth Robson 著 林琪，张伶 等 译<br/>
						            			出 版 社：中国电力出版社<br>
						            			定　 价：<span class="muted" style="text-decoration: line-through;">￥78.00</span> <br>
												商  城  价：<span class="text-error">￥50.70（6.5折）</span><br>
						            		</p>
						            		<div>
						            			<a href="#" class="btn btn-mini btn-primary">放入购物车</a>
						            			<a href="#" class="btn btn-mini">收藏</a>
						            		</div>
						    </td>			
				        </tr>
				        <tr>
				            <td><img src="img/1.jpg"></td>
				            <td>
				            	<strong><a href="product.html">Head First HTML5(中文版)</a></strong>
						            		<p>
						            			作　　者：（美）Eric Freeman，（美）Elisabeth Robson 著 林琪，张伶 等 译<br/>
						            			出 版 社：中国电力出版社<br>
						            			定　 价：<span class="muted" style="text-decoration: line-through;">￥78.00</span> <br>
												商  城  价：<span class="text-error">￥50.70（6.5折）</span><br>
						            		</p>
						            		<div>
						            			<a href="#" class="btn btn-mini btn-primary">放入购物车</a>
						            			<a href="#" class="btn btn-mini">收藏</a>
						            		</div>
						    </td>			
				        </tr>
						</tbody>
						
					</table>
					<div class="pagination pull-right clearfix:after">
							  <ul>
							    <li><a href="#">首页</a></li>
							    <li><a href="#">上一页</a></li>
							    <li><a href="#">下一页</a></li>
							    <li><a href="#">尾页</a></li>
							  </ul>
						</div>
				</div>
			</div>
			<div class="right ">
				<div class="top"><h4><i class="icon-paper-clip"></i>图书分类</h4></div>
				<div class="topinner">
					<div class="block-body">
			           <ul class="unstyled" style="margin-left:30px;">
			           	<li ><a href="#">Web开发</a></li>
			           	<li><a href="#">数据库维护</a></li>
			           	<li><a href="#">网络与通信</a></li>
			           	<li><a href="#">编程语言</a></li>
			           	<li><a href="#">IT服务管理</a></li>
			           	<li><a href="#">Web开发</a></li>
			           	<li><a href="#">数据库维护</a></li>
			           	<li><a href="#">网络与通信</a></li>
			           	<li><a href="#">编程语言</a></li>
			           	<li><a href="#">IT服务管理</a></li>
			           </ul>
					</div>
				</div>
				<div class=" block">
				        	<div class="top"><h4><i class="icon-tasks"></i>销量排行榜</h4></div>
					        <div class="block-body">
					            <table class="table list">
	             					<tbody class="booklist">
	             						<tr>
	             							<td><a href="#">
	             								<span class="badge badge-important">1</span>
	             								数学之美</a></td>
	             						</tr>
	             						<tr>
	             							<td><a href="#">
	             								<span class="badge badge-important">2</span>
	             								Head First Java</a></td>
	             						</tr>
	             						<tr>
	             							<td><a href="#">
	             								<span class="badge badge-important">3</span>
	             								C++ Primer中文版</a></td>
	             						</tr>
	             					</tbody>
	            				</table>
					        </div>
				        </div>

			</div>
		</div>
		<div>
			<hr/>
		    <p style="margin: 30px;width: 500px;" ;>© 2012 <a href="mailto:804795012@qq.com" target="_blank">龙游天下图书城</a></p>
		</div>
	</div>
  	
  	
  	
  	
  </body>
</html>
